<!DOCTYPE html>
<html lang="en">
<head>
<title>Géminis Taller</title>
<meta charset="UTF-8">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<!--<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>-->
<script src="js/Vegur_500.font.js" type="text/javascript"></script>
<script src="js/FF-cash.js" type="text/javascript"></script>
<script src="js/tms-0.3.js" type="text/javascript"></script>
<script src="js/tms_presets.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.equalheights.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
<![endif]-->
</head>
<body id="page1">
<div class="main-bg">
  <div class="bg">
    <!--==============================header=================================-->
    <header>
      <div class="main">
        <div class="wrapper">
          <h1><a href="inicio">Géminis Taller</a></h1>
          <div class="fright">
            <div class="indent"> <span class="address">Avda. Bruno Guggiari 123</span> <span class="phone">Tel: +595 (21) 555 923</span><span class="address">LUNES a VIERNES: 7:00 a 17:00</span> </div>
          </div>
        </div>
        <nav>
          <ul class="menu">
            <li><a class="active" href="inicio">Inicio</a></li>
            <li><a href="empresa">La Empresa</a></li>
            <li><a href="servicios">Servicios</a></li>
            <li><a href="ubicacion">Ubicación</a></li>
			<li><a href="contacto">Contacto</a></li>
			<li><a href="clientes">Area Clientes</a></li>
          </ul>
        </nav>
        <div class="slider-wrapper">
          <div class="slider">
            <ul class="items">
              <li> <img src="images/slider-img1.jpg" alt="" /> </li>
              <li> <img src="images/slider-img2.jpg" alt="" /> </li>
              <li> <img src="images/slider-img3.jpg" alt="" /> </li>
            </ul>
          </div>
          <a class="prev" href="#">prev</a> <a class="next" href="#">next</a> </div>
      </div>
    </header>
    <!--==============================content================================-->
    <section id="content">
      <div class="main">
        <div class="container_12">

          <div class="container-bot">
            <div class="container-top">
              <div class="container">
                <div class="wrapper">
                  <article class="grid_8">
                    <div class="indent-left">
                      <h2>Benvenido!</h2>
                      <p class="prev-indent-bot"><strong>Géminis Taller</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien sem, luctus eget risus sit amet, vestibulum tincidunt dui. Curabitur tempus pretium dui ut suscipit. Fusce porta tempus dui sed lobortis. Cras vel nunc ligula. Duis in vulputate justo. Donec hendrerit mollis mi, eu interdum risus mattis in. </p>
                      <p class="border-bot">Integer condimentum nisi quis ligula elementum dignissim eget eu dolor. Pellentesque a mauris lacus. Fusce iaculis leo vel mauris scelerisque sagittis. Quisque gravida tellus nec dapibus placerat. Sed vel aliquet elit. Nulla id felis gravida, iaculis lacus eget, feugiat nibh. Sed viverra ligula diam, in accumsan dui molestie fermentum. Fusce eu augue vitae felis elementum tempor ac nec neque. Nunc facilisis et urna sed egestas. In dictum placerat lacus, et adipiscing sem semper a. </p>
                    </div>
                    <div class="wrapper">
                      <div class="grid_4 alpha">
                        <div class="indent-left">
                          <div class="maxheight indent-bot">
                            <h3>Nosotros</h3>
                            <p class="prev-indent-bot"><a class="link-1" href="#">Lorem ipsum dolor amet</a> conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
                            <a class="link-1" href="#">Dolor amet conse ctetur</a> adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat ut enim ad. </div>
                          <a class="button" href="empresa">Leer más</a> </div>
                      </div>
                      <div class="grid_4 omega">
                        <div class="indent-left2">
                          <div class="maxheight indent-bot">
                            <h3>Servicios</h3>
                            <ul class="list-1">
                              <li>Diagnóstico Computarizado</li>
                              <li>Seguridad del vehículo</a></li>
                              <li>Problemas de Dirección</li>
                              <li>Cambios de Aceite</a></li>
                              <li>Aire Acondicionado</a></li>
                              <li>Electricidad</li>
							  <li>Suspensión</li>
                              <li>Mantenimiento de Flota de Vehículos</li>
                            </ul>
                          </div>
                          <a class="button" href="servicios">Leer más</a> </div>
                      </div>
                    </div>
                  </article>
                  <article class="grid_4">
                    <div class="indent-left2 indent-top">
                      <div class="box p4">
                        <div class="padding">
                          <div class="wrapper">
                            <figure class="img-indent"><img src="images/page1-img4.png" alt=""></figure>
                            <div class="extra-wrap">
                              <h3 class="p0">Horario</h3>
							  
                            </div>
							<p class="color-1 p0">Lunes a Viernes: 7:30 - 17:00</p>
                          </div>
						</div>
                      </div>
                      <figure class="indent-bot">
                       <!-- -->
                      </figure>
                      <div class="indent-left">
                        <dl class="main-address">
                          <dt><strong>Avenida Bruno Guggiari <br>c/ L.M. Argaña,<br>
                            Asunción, Paraguay</strong></dt>
                          <dd><span>Teléfono:</span> +595 (21) 555 923/4;</dd>
                          <dd><span>E-mail:</span><a href="#">mail@geministaller.com</a></dd>
                        </dl>
                      </div>
                    </div>
                  </article>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--==============================footer=================================-->
    <footer>
      <div class="main"> <span>Copyright &copy; <a href="http://www.geministaller.com">Géminis Taller</a> Todos los derechos reservados</span> Desarrollado por <strong>Corlo</strong></div>
    </footer>
  </div>
</div>
<script type="text/javascript">
$(window).load(function () {
    $('.slider')._TMS({
        duration: 1000,
        easing: 'easeOutQuint',
        preset: 'simpleFade',
        slideshow: 7000,
        banners: false,
        pauseOnHover: true,
        pagination: false,
        pagNums: false,
        nextBu: '.next',
        prevBu: '.prev'
    });
});
</script>
</body>
</html>
